//网站色彩(colors)
$colors:(
  'primary':#db9e3f,
  'info':#4b67af,
  'blue':#4394e4,
  'red':#ff6058,
  'white':#fff,
  'white-1':#f9f9f9,
  'white-2':#fcfcfc,
  'black':#212222,
  'black-1':#222,
  'black-2':#333,
  'black-3':#343440,
  'grey':#7a7a80,
  'grey-1':#999

);
//字体定义(text)
.font-weight{
  font-weight: 700;
}
$font-size-base:1rem;
$font-sizes:(
  xxl:1.5,
  xl:1.333,//16px
  sl:1.25,//15px
  l:1.167, //14px
  m:1.083, //13px
  s:1,     //12px
  xs:0.833, //10px
  xxs:0.667 //8px
);
// 字体位置
$text-aligns:(
  'center':center,
  'right':right,
  'left':left
);
// 设置文字一行显示
.text-ellipsis{

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
//border
$border-color:#d4d9de;
$border-position:(
  t:top,
  b:bottom,
  r:right,
  l:left
);
//定义flex
.display-flex{
  display: flex;
}
.flex-1{
  flex: 1;
}
.wrap{
  flex-wrap: wrap;
}
//justify-content决定了flex items在main axis上的对齐方式
$flex-jc:(
  start:flex-start,
  end:flex-end,
  center:center,
  between:space-between,
  around:space-around
);
//align-items（决定了flex items在cross axis上的对齐方式）
$flex-ai:(
  start:flex-start,
  end:flex-end,
  center:center,
  stretch:stretch
);
//spaceing size
$spacing-base-size:1rem;
$spacing-sizes:(
  0:0,    //0
  1:0.25, //3
  2:0.5,  //6
  3:1,    //12
  4:1.5,  //18
  5:3     //36
);
